.tool-tip {
  position: fixed;
  background: $gray-9;
  font-family: $data-font;
  color: white;
  font-size: 12px;
  line-height: 18px;
  padding: 0 3px;
  border-radius: 3px;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  box-shadow: $box-shadow;
}

.__react_component_tooltip.brim-tooltip {
  @include label-small;
  transition: opacity 150ms;
  padding: 3px 8px;
}

.brim-tooltip-show-hover {
  pointer-events: auto !important;
  &:hover {
    visibility: visible !important;
    opacity: 1 !important;
  }
}
